<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>快件管理</title>
		<link rel="stylesheet" type="text/css" href="plugins/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/public.css">
		<link rel="stylesheet" type="text/css" href="css/nav.css">
		<link rel="stylesheet" type="text/css" href="css/styleexpress.css">

		<script src="plugins/jquery.min.js" type="text/javascript"></script>
		<script src="plugins/bootstrap.min.js" type="text/javascript"></script>
		<script src="js/nav.js" type="text/javascript"></script>
	</head>

	<body>
		<!--nav-->
		<div id="headnav">
			<div class="mainnav">
				<nav class="nav navbar-default">
					<div class="container">
						<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						                    <span class="sr-only">折叠菜单</span>
						                    <span class="icon-bar"></span>
						                    <span class="icon-bar"></span>
						                    <span class="icon-bar"></span>
			               				</button>
								<a class="navbar-brand" href="#"><img src="img/icon/logo.png"></a>
						</div>
							<div class="collapse navbar-collapse" >
						<ul class="nav navbar-nav navbar-right" id="menu">
							<li>
								<a href="index.html" target="_blank">首页</a>
							</li>
							<li>
								<a href="order.html" target="_blank">在线下单</a>
							</li>
							<li>
								<a href="express_manage.html" target="_blank">快件管理</a>
							</li>
							<li>
								<a href="userinfo.html" target="_blank">账户管理</a>
							</li>
							<li>
								<a href="search.html" target="_blank">查询服务</a>
							</li>
							<li>
								<a href="myhome.html" target="_blank">我的主页</a>
							</li>
							<li>
								<a href="login.html" target="_blank">登录</a>
							</li>
						</ul>
						</div>
					</div>
				</nav>
			</div>
		</div>
		
		<div class="express">
			<div class="container">
				<div class="col-md-2 tab-title ">
					<ul class="nav nav-tab vertical-tab" role="tablist" id="vtab">
						<li role="presentation" class="allmanages active">
							<a href="#aa" aria-controls="aa" role="tab" data-toggle="tab">全部快件</a>
						</li>

						<li role="presentation" class="pieceorder">
							<a href="#bb" aria-controls="bb" role="tab" data-toggle="tab"><span>·</span> 待取件（0）</a>
						</li>
						<li role="presentation" class="pieceorder">
							<a href="#cc" aria-controls="cc" role="tab" data-toggle="tab">· 运送中（0）</a>
						</li>
						<li role="presentation" class="pieceorder">
							<a href="#dd" aria-controls="dd" role="tab" data-toggle="tab">· 已签收（0）</a>
						</li>
						<li role="presentation" class="pieceorder">
							<a href="#ee" aria-controls="ee" role="tab" data-toggle="tab">· 异常件（0）</a>
						</li>

						<li role="presentation" class="orderrecord">
							<a href="#ff" aria-controls="ff" role="tab" data-toggle="tab">下单记录</a>
						</li>
					</ul>
				</div>
				<!-- Tab panes -->
				<div class="col-md-10 tabcontent">
					<div class="tab-content vertical-tab-content">
						<div role="tabpanel" class="tab-pane active" id="aa">
							<div class="tools">
								<div class="col-md-3">
									<div class="form-group">
										<select class="form-control">
											<option>全单</option>
											<option>我收到的快件</option>
											<option>我寄出的快件</option>

										</select>
									</div>
								</div>
								<div class="col-md-6">
									<form class="form">
										<div class="form-group">

											<div class="input-group">

												<input type="text" class="form-control" id="exampleInputAmount" placeholder="运单号">
												<div class="input-group-addon">查询</div>
											</div>
										</div>

									</form>

								</div>
								<div class="col-md-3 choose">
									<a href="javascript:void(0)">精确筛选/导出运单</a>
								</div>
							</div>
							<div class="ordertable">
								<table class="table table-striped">
									<tr>
										<td>运单号</td>
										<td>寄件人/ 收件人</td>
										<td>时间</td>
										<td class="">操作</td>
									</tr>
								</table>
								<table class="table table-bordered table-striped" id="expresscontent">

								</table>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane" id="bb">待取件</div>
						<div role="tabpanel" class="tab-pane" id="cc">运送中</div>
						<div role="tabpanel" class="tab-pane" id="dd">已签收</div>
						<div role="tabpanel" class="tab-pane" id="ee">异常件</div>
						<div role="tabpanel" class="tab-pane" id="ff">下单记录</div>
					</div>
				</div>
			</div>
		</div>
		<div class="nav-bottom"></div>
		<a href="#0" class="cd-top">Top</a>
	</body>

</html>